/*
* @Author: IOT_Rui
* @Date:   2018-03-28 16:17:50
* @Last Modified by:   IOT_Rui
* @Last Modified time: 2018-04-01 13:48:57
*/
// 引入统一，清除各浏览器的默认和差异性
@import "reset.scss";
// 引入公用
@import "base.scss";

/* 结算页主体 start */
main{
	max-width: 1200px;
	margin: 5% auto 0;
	.set-content-main{
		margin:0 auto;
		max-width: 68rem;
		
		/* 结算页主体标题 start */
		h1{
			width: 100%;
			font-size: 2.5rem;
			color: #969696;
			height: 3rem;
			line-height: 3rem;
			margin-left: -3px;
			font-weight: normal;
		}
		/* 结算页主体标题 end*/
		/* 结算页主体内容 start */
		.set-middle-content{
			position: relative;
			display: flex;
			justify-content:space-between;
			max-width: 100%;
			margin: .625rem auto 0;
			/* 重修单选框样式 start */
			.chekbox-normal{
				display: flex;
				justify-content:flex-start;
				align-items:center;
				.radio-reset{
					background-color: #000;
					margin-right: 4px;
					margin-bottom: 3px;
					border-radius: 50%;
					position: relative;
					margin-left: -1px;
				}
				.radio-reset:before,.radio-reset:after {
					content: '';
					display: block;
					position: absolute;
					border-radius: 50%;
					transition: .1s ease;
				}
				.radio-reset:before {
					top: 0px;
					left: 0px;
					width: 14px;
					height: 14px;
					background-color: #fff;
					border: 1px solid #000;
					box-sizing: border-box;
				}
				.radio-reset:checked:before {
					border:2px solid #bd926f; 
				}
				/* 重修单选框样式 end */
				label{
					font-weight: bold;
					text-transform: uppercase;
					font-size: .875rem;
					letter-spacing: 1px;
					cursor: pointer;
				}
			}
			/* 结算页主体左内容 start */
			.set-content-left{
				background-color: #fff;
				width: 60%;
				h2 {
					color: #959595;
					margin: 2rem 0 1rem;
					font-weight: normal;
				}
				.left-start{
					height: 4.40rem;
					margin-top:1.5rem;
					padding-right: 3%;
					border-bottom: 1px #e5e5e5 solid;
					margin-left: 2px;
					p{
						margin-top: 0.4rem;
						font-size: 0.875rem;
						padding-left: 1.25rem;
						line-height: 1.25rem;
						color: #9b9b9b;
						word-wrap:break-word;  
						word-break:break-all;  
						overflow: hidden;
					}
				}
				.left-content{
					padding-right: 3%;
					height: 4.0rem;
					display: flex;
					justify-content:space-between;
					border-bottom: 1px #e5e5e5 solid;
					align-items:center;
					ul{
						width: 28%;
						display: flex;
						justify-content:space-between;
						align-items:center;
						margin-right: -6px;
					}
				}
				.left-end{
					width: 100%;
					display: flex;
					justify-content:space-between;
					height: 10rem;
					.left-end-one{
						flex:1;
						margin-top: 1.57rem;
					}
					.left-end-two{
						flex:1;
						text-align: center;
						img{
							position: relative;
							top: 20%;
							left: 50%;
						}
					}
					.left-end-three{
						flex:2;
						padding-right: 3%;
						display: flex;
						flex-direction:column;
						justify-content:flex-start;
						align-items:flex-end;
						header{
							margin-top: 15px;
						}
						.left-end-list{
							display: flex;
							justify-content:space-between;
							align-items:center;
						}
					}
				}
			}
			/* 结算页主体左内容 end */
			
			.left-end-p{
				margin-top: 1.5rem;
				height: 3rem;
				margin-left: -10px;
				border-bottom: 1px #e5e5e5 solid;

				p{
					font-size: 1rem;
					height: 2.6rem;
					line-height: 2.6rem;
					color: #9b9b9b;
				}
			}
			.left-end-address{
				width: 99%;
				height: 7.5rem;
				display: flex;
				justify-content:space-between;
				align-items:center;
							margin-top: 1.5rem;
				.one-img{
					margin-top: -4px;
					margin-left: -10px;
				}
				.address-one{
					display: flex;
					justify-content:flex-start;
					
					flex:7;
					height: 100%;
					p{
						margin-left: 0.7rem;
						margin-bottom: 1.2rem;
						font-size: 0.625rem;
						color: #9b9b9b;
					}.p-one{
						font-weight: bold;
						color: #000;
					}

				}
				.address-two{
					flex:3;
					height: 100%;
					margin-top: 1rem;
					a {
						border:1px #e5e5e5 solid;
						padding: 10px;
						font-size: 11px;
						margin-left: 2.25rem;
						color: #9b9b9b;
						font-weight: bold;
						&:hover {
							color: #333;
							text-decoration: underline;
						}
					}
				}
			}
			
			/* 结算页主体右内容 start */
			.set-content-right{
				width: 30%;
				display: flex;
				flex-direction:column;
				justify-content:space-between;
				align-items:center;
				.right-start{
					flex:1;
					width: 95%;
					h2{

						line-height: 3.2rem;
						text-transform: uppercase;
						letter-spacing: 1px;
						font-weight: bold;
					}
					div{
						
						height: 3px;
						width: 1.8rem;
						background-color: #c19878;
					}
				}
				form{
					flex:8;
					display: flex;
					flex-direction:column;
					justify-content:space-between;
					align-items:center;
					.right-normal{	
						width: 20.1rem;
						line-height: 4.3rem;
						padding: 1% 1%;
						display: flex;
						justify-content:space-between;
						align-items:center;
						border-bottom: 1px #e5e5e5 solid;
						label{
								text-transform: uppercase;
								letter-spacing: 1px;
								font-weight: 600;
								font-size: 0.875rem;
						}
						.active{
							color: #c29671;
						}
					}
				}
				.right-end{
					flex:7;
					width: 99%;
					display: flex;
					flex-direction:column;
					justify-content:flex-end;
					align-items:center;
					.right-end-btn{
						width: 90%;
						height: 60px;
						border:0 none;
						margin-top: .8rem;
						line-height:60px;
						cursor: pointer;
						color: #fff;
						transition:all .5s linear;
						text-transform: uppercase;
						letter-spacing: 1px;
						font-weight: bold;
						background-color: #be926f;
						margin-bottom: 1.80rem;
						&:hover {
							background-color: #bc7e4b;
						}
					}
					.reg-btn[disabled="disabled"]{
						background-color: rgba(0,0,0,.5);
					}
				}
			}
			/* 结算页主体右内容 end */
		}
	}
}
/* 结算页主体 end*/
/* 结算页底部 start*/
footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5% 0;
	background-color: rgba(0,0,0,.75);
	p{
		color: #fff;
		text-align: center;
		font-size: 0.625rem;
		letter-spacing: 2px;
	}
	em{
		margin-right: 1rem;
	}
}
/* 结算页底部 end*/